// import 'package:cached_network_image/cached_network_image.dart';
// import 'package:film/controller/film_controller.dart';
// import 'package:film/model/film_model.dart';
// import 'package:film/screen/custom_video_player.dart';
// import 'package:flutter/material.dart';
// import 'package:flutter/services.dart';
// import 'package:get/get.dart';

// class FilmScreen extends GetView<FilmController> {
//   FilmScreen({super.key});

//   @override
//   Widget build(BuildContext context) {
//     SystemChrome.setSystemUIOverlayStyle(
//       const SystemUiOverlayStyle(
//         statusBarColor: Colors.transparent, // 状态栏背景色（透明）
//         statusBarIconBrightness: Brightness.light, // 图标颜色（白色）
//         statusBarBrightness: Brightness.dark, // 系统状态栏亮度（仅iOS）
//       ),
//     );

//     return Scaffold(
//       body: SingleChildScrollView(
//         child: Column(
//           crossAxisAlignment: CrossAxisAlignment.start,
//           children: [
//             Stack(
//               children: [
//                 Container(
//                   color: Colors.black,
//                   width: double.infinity,
//                   height: 300,
//                   child: CustomVideoPlayer(
//                     vodId: controller.vodId,
//                   ),
//                 ),
//                 Positioned(
//                   top: 40,
//                   left: 5,
//                   child: IconButton(
//                     icon: Icon(Icons.arrow_back_ios, color: Colors.white),
//                     onPressed: () => Get.back(),
//                   ),
//                 ),
//               ],
//             ),
//             // _buildVideoPlayer(controller),
//             Padding(
//               padding: const EdgeInsets.all(12.0),
//               child: Column(
//                 crossAxisAlignment: CrossAxisAlignment.start,
//                 children: [
//                   _buildFilmInfo(controller),
//                   const SizedBox(height: 20),
//                   _buildActionButtons(),
//                   const SizedBox(height: 20),
//                   _buildEpisodeSelector(controller),
//                   const SizedBox(height: 20),
//                   _buildRecommendations(controller),
//                 ],
//               ),
//             ),
//           ],
//         ),
//       ),
//     );
//   }

//   /// 构建影片信息区域
//   Widget _buildFilmInfo(FilmController controller) {
//     return Obx(
//       () => Row(
//         crossAxisAlignment: CrossAxisAlignment.center,
//         children: [
//           Container(
//             height: 60,
//             width: 50,
//             child: ClipRRect(
//               borderRadius: BorderRadius.circular(12),
//               child: controller.film.value.vodPic != null
//                   ? Image.network(
//                       controller.film.value.vodPic ?? '',
//                       fit: BoxFit.cover,
//                     )
//                   : SizedBox(),
//             ),
//           ),
//           SizedBox(width: 10),
//           Expanded(
//             child: Column(
//               children: [
//                 Row(
//                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
//                   children: [
//                     // 标题
//                     Expanded(
//                       child: Text(
//                         controller.film.value.vodName ?? '',
//                         style: const TextStyle(
//                           fontSize: 16,
//                           fontWeight: FontWeight.bold,
//                         ),
//                         maxLines: 2,
//                       ),
//                     ),
//                     // 评分
//                     Row(
//                       children: [
//                         Text(
//                           '${controller.filmData.value.score}',
//                           style: const TextStyle(
//                             fontSize: 16,
//                             color: Colors.green,
//                             fontWeight: FontWeight.bold,
//                           ),
//                         ),
//                         Text(
//                           '分',
//                           style: const TextStyle(
//                             fontSize: 12,
//                             color: Colors.green,
//                             fontWeight: FontWeight.bold,
//                           ),
//                         ),
//                       ],
//                     ),
//                   ],
//                 ),
//                 const SizedBox(height: 8),
//                 // 标签和热度
//                 Row(
//                   children: [
//                     const Icon(Icons.favorite, color: Colors.red, size: 16),
//                     const SizedBox(width: 4),
//                     Text(
//                       '${controller.filmData.value.hotness}',
//                       style: const TextStyle(color: Colors.red),
//                     ),
//                     const SizedBox(width: 8),
//                     Expanded(
//                       child: Text(
//                         '${controller.film.value.vodArea} / ${controller.film.value.vodYear} / ${controller.film.value.vodClass?.replaceAll(",", " / ")}',
//                         style: const TextStyle(color: Colors.grey, fontSize: 12),
//                         overflow: TextOverflow.ellipsis,
//                       ),
//                     ),
//                   ],
//                 ),
//               ],
//             ),
//           ),
//         ],
//       ),
//     );
//   }

//   /// 构建操作按钮行
//   Widget _buildActionButtons() {
//     // 辅助函数创建单个按钮
//     Widget buildButton(IconData icon, String label) {
//       return Column(
//         children: [
//           Icon(
//             icon,
//             color: Colors.grey[700],
//           ),
//           const SizedBox(height: 4),
//           Text(
//             label,
//             style: TextStyle(
//               color: Colors.grey[700],
//               fontSize: 12,
//             ),
//           ),
//         ],
//       );
//     }

//     return Row(
//       mainAxisAlignment: MainAxisAlignment.spaceAround,
//       children: [
//         buildButton(Icons.notifications_active_outlined, '催更'),
//         buildButton(Icons.cloud_download_outlined, '下载'),
//         buildButton(Icons.skip_next_outlined, '片头/尾'),
//         GestureDetector(
//           child: buildButton(Icons.favorite_border, '追剧'),
//           onTap: () => controller.addVideoRecord(controller.film.value.vodId!.toString(), "1"),
//         ),
//         buildButton(Icons.share_outlined, '分享'),
//       ],
//     );
//   }

//   /// 构建分集选择区域
//   Widget _buildEpisodeSelector(FilmController controller) {
//     return Column(
//       crossAxisAlignment: CrossAxisAlignment.start,
//       children: [
//         // Row(
//         //   mainAxisAlignment: MainAxisAlignment.spaceBetween,
//         //   children: [
//         //     const Text('切换源 No.S ⌄', style: TextStyle(color: Colors.grey)),
//         //     Text(
//         //       '共${controller.filmData.value.episodes.length}集 >',
//         //       style: const TextStyle(color: Colors.grey),
//         //     ),
//         //   ],
//         // ),
//         const SizedBox(height: 10),
//         SizedBox(
//           height: 40,
//           child: Obx(
//             () => ListView.builder(
//               scrollDirection: Axis.horizontal,
//               itemCount: controller.videoItemList.length,
//               itemBuilder: (context, index) {
//                 return GestureDetector(
//                   onTap: () => controller.selectEpisode(index),
//                   child: Obx(() {
//                     final isSelected = controller.selectedEpisodeIndex.value == index;
//                     return Container(
//                       padding: const EdgeInsets.symmetric(horizontal: 16),
//                       margin: const EdgeInsets.only(right: 8),
//                       decoration: BoxDecoration(
//                         color: isSelected ? Colors.pink.withOpacity(0.1) : Colors.grey.withOpacity(0.1),
//                         borderRadius: BorderRadius.circular(8),
//                         border: isSelected ? Border.all(color: Colors.pink, width: 1) : null,
//                       ),
//                       alignment: Alignment.center,
//                       child: Text(
//                         controller.videoItemList[index].name,
//                         style: TextStyle(
//                           color: isSelected ? Colors.pink : Colors.black87,
//                         ),
//                       ),
//                     );
//                   }),
//                 );
//               },
//             ),
//           ),
//         ),
//       ],
//     );
//   }

//   /// 构建相关推荐区域
//   Widget _buildRecommendations(FilmController controller) {
//     return Column(
//       crossAxisAlignment: CrossAxisAlignment.start,
//       children: [
//         const Text(
//           '相关推荐',
//           style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
//         ),
//         const SizedBox(height: 10),
//         SizedBox(
//           height: 180, // 根据内容调整高度
//           child: Obx(
//             () => ListView.builder(
//               scrollDirection: Axis.horizontal,
//               itemCount: controller.recommendFilmList.length,
//               itemBuilder: (context, index) {
//                 final item = controller.recommendFilmList[index];
//                 return _buildRecommendationCard(item);
//               },
//             ),
//           ),
//         ),
//       ],
//     );
//   }

//   /// 构建单个推荐卡片
//   Widget _buildRecommendationCard(Film item) {
//     return Container(
//       width: 110,
//       margin: const EdgeInsets.only(right: 10),
//       child: Column(
//         crossAxisAlignment: CrossAxisAlignment.start,
//         children: [
//           // 封面图和状态文字
//           Stack(
//             children: [
//               ClipRRect(
//                 borderRadius: BorderRadius.circular(8),
//                 child: CachedNetworkImage(
//                   imageUrl: item.vodPic!,
//                   height: 140,
//                   width: 110,
//                   fit: BoxFit.cover,
//                   placeholder: (context, url) => Container(color: Colors.grey[200]),
//                   errorWidget: (context, url, error) => const Icon(Icons.error),
//                 ),
//               ),
//               Positioned(
//                 bottom: 0,
//                 left: 0,
//                 right: 0,
//                 child: Container(
//                   padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 4),
//                   decoration: BoxDecoration(
//                     color: Colors.black.withOpacity(0.6),
//                     borderRadius: const BorderRadius.only(
//                       bottomLeft: Radius.circular(8),
//                       bottomRight: Radius.circular(8),
//                     ),
//                   ),
//                   child: Text(
//                     item.vodRemarks!,
//                     style: const TextStyle(color: Colors.white, fontSize: 10),
//                     textAlign: TextAlign.center,
//                   ),
//                 ),
//               )
//             ],
//           ),
//           const SizedBox(height: 4),
//           // 标题
//           Text(
//             item.vodName!,
//             maxLines: 1,
//             overflow: TextOverflow.ellipsis,
//             style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500),
//           ),
//         ],
//       ),
//     );
//   }
// }
